<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>全局选择器</title>
        <style>
            *{
                margin: 0;
                padding: 0;
            }
            .bord{
                border: 1px dashed #ee2602;
                width: 90%;
                margin: 20px auto;
            }
            .title{
                font-size: 20px;
                font-weight: bold;
                margin: 20px;
            }
            .introduce{
                font-size: 16px;
                margin: 0 0 20px 50px;
            }
            .red{
                color: red;
            }
        </style>
    </head>
    <body>
    <div class="bord">
        <div class="title">全局选择器</div>
        <div class="introduce">整个页面的样式,用*引用。</div>
    </div>
    <div class="bord">
        <div class="title">演示效果</div>
        <div class="introduce">
            <p>当万籁寂静　夜色微明</p>
            <p>当暴雨过去　天色放晴</p>
            <p>我期待和你　画下这风景</p>
        </div>
    </div>
    <div class="bord">
        <div class="title">代码</div>
        <div class="introduce">
            <pre>
&lt;style&gt;
    * {
        background-color: antiquewhite;
        font-family: "微软雅黑";
        font-size: 18px;
    }
&lt;/style&gt;
            </pre>
        </div>
    </div>
    </body>
    </html>